{extend name="index_layout"/}
{block name="main"}


<div class="layui-row layui-col-space10 panel_box">
    <div class="panel layui-col-xs12 layui-col-sm6 layui-col-md4 layui-col-lg4">
        <a href="#">
            <div class="panel_icon yzn-bg-blue">
                <i class="layui-icon layui-icon-template-1 layui-anim"></i>
            </div>
            <div class="panel_word">
                <span>{$tongji.maint_total_money}</span>
                <cite>维护收入(/元)</cite>
            </div>
        </a>
    </div>
    <div class="panel layui-col-xs12 layui-col-sm6 layui-col-md4 layui-col-lg4">
        <a href="#" >
            <div class="panel_icon yzn-bg-orange">
                <i class="layui-icon layui-icon-rmb layui-anim"></i>
            </div>
            <div class="panel_word">
                <span>{$tongji.projectTotalIncome}</span>
                <cite>总金额(/元)</cite>
            </div>
        </a>
    </div>
    <div class="panel layui-col-xs12 layui-col-sm6 layui-col-md4 layui-col-lg4">
        <a href="http://blog.yzncms.com" target="_blank">
            <div class="panel_icon yzn-bg-green">
                <i class="layui-icon layui-icon-rmb layui-anim"></i>
            </div>
            <div class="panel_word">
                <span>{$tongji.receiptIncome}</span>
                <cite>实际到账(/元)</cite>
            </div>
        </a>
    </div>

</div>

<div class="layui-row layui-col-space10 panel_box">
    <div class="panel layui-col-xs12 layui-col-sm6 layui-col-md4 layui-col-lg4">
        <a href="#">
            <div class="panel_icon yzn-bg-blue">
                <i class="layui-icon layui-icon-list layui-anim"></i>
            </div>
            <div class="panel_word">
                <span>{$tongji.taoBaoNums}</span>
                <cite>补单总数(/单)</cite>
            </div>
        </a>
    </div>
    <div class="panel layui-col-xs12 layui-col-sm6 layui-col-md4 layui-col-lg4">
        <a href="#" >
            <div class="panel_icon yzn-bg-orange">
                <i class="layui-icon layui-icon-rmb layui-anim"></i>
            </div>
            <div class="panel_word">
                <span>{$tongji.taoBaoPayMoney}</span>
                <cite>补单支出(/元)</cite>
            </div>
        </a>
    </div>
    <div class="panel layui-col-xs12 layui-col-sm6 layui-col-md4 layui-col-lg4">
        <a href="http://blog.yzncms.com" target="_blank">
            <div class="panel_icon yzn-bg-green">
                <i class="layui-icon layui-icon-table layui-anim"></i>
            </div>
            <div class="panel_word">
                <span>{$tongji.otherPay}</span>
                <cite>其他总支出(/元)</cite>
            </div>
        </a>
    </div>

</div>



<br>

{/block}
{block name="script"}
<script type="text/javascript">
//获取系统时间
var newDate = '';

//值小于10时，在前面补0
function dateFilter(date) {
    if (date < 10) { return "0" + date; }
    return date;
}

function getLangDate() {
    var dateObj = new Date(); //表示当前系统时间的Date对象
    var year = dateObj.getFullYear(); //当前系统时间的完整年份值
    var month = dateObj.getMonth() + 1; //当前系统时间的月份值
    var date = dateObj.getDate(); //当前系统时间的月份中的日
    var day = dateObj.getDay(); //当前系统时间中的星期值
    var weeks = ["星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六"];
    var week = weeks[day]; //根据星期值，从数组中获取对应的星期字符串
    var hour = dateObj.getHours(); //当前系统时间的小时值
    var minute = dateObj.getMinutes(); //当前系统时间的分钟值
    var second = dateObj.getSeconds(); //当前系统时间的秒钟值
    var timeValue = "" + ((hour >= 12) ? (hour >= 18) ? "晚上" : "下午" : "上午"); //当前时间属于上午、晚上还是下午
    newDate = dateFilter(year) + "年" + dateFilter(month) + "月" + dateFilter(date) + "日 " + " " + dateFilter(hour) + ":" + dateFilter(minute) + ":" + dateFilter(second);
    document.getElementById("nowTime").innerHTML = "亲爱的{$userInfo.username}，" + timeValue + "好！ 欢迎使用YznCMS v{$Think.config.version.yzncms_version},当前时间为： " + newDate + "　" + week;
    setTimeout("getLangDate()", 1000);
}

layui.use(['jquery'], function() {
    var $ = layui.jquery;
    //icon动画
    $(".panel a").hover(function() {
        $(this).find(".layui-anim").addClass("layui-anim-scaleSpring");
    }, function() {
        $(this).find(".layui-anim").removeClass("layui-anim-scaleSpring");
    })
    $(".panel a").click(function() {
        parent.addTab($(this));
    })
})
</script>
{/block}